<template>
    <div class="height:100vh;">
      <header-page v-if="$route.meta.global_header"/>
      <router-view/>
      <FooterPage v-if="$route.meta.global_footer&&footerVisible"/>
    </div>
</template>

<script>

    export default {
        name: 'PageMain',
        data() {
            return {
              footerVisible:true
            }
        },
        methods: {

        },
        computed: {},
        created() {
            const vm = this
        },
        mounted(){
          let vm = this
          vm.$bus.$on('footerVisible',(val)=>{
            vm.footerVisible=val
          })
        },
        components:{
            HeaderPage:()=>import('./common/HeaderPage.vue'),
            FooterPage:()=>import("./common/FooterPage.vue")
        }
    }
</script>

<style>
</style>
